<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易严选 - 以严谨的态度，为中国消费者甄选天下优品</title>
    <link rel="icon" href="images/favicon.ico">
    <!-- 浏览器样式重置 -->
    <link rel="stylesheet" href="css/reset.css"> 
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    
<!-- 网站头部 -->
<div id="header">
    <!-- 网站导航 -->
    <div class="site-nav">
        <div class="row">
            <div class="left">
                <a class="slogan" href="#">好的生活，没那么贵</a>
                <div class="notice-list">
                    <ul>
                        <li><a href="#">【福利】领1000元APP新人礼</a></li>
                        <li><a href="#">卖疯：￥329真丝睡裙现449选3！</a></li>
                        <li><a href="#">【福利】领早市红包，享买3免1</a></li>
                        <li><a href="#">网易味央金猪卡特惠！限时抢购</a></li>
                        <li><a href="#">礼品卡充值￥10000即赠￥200，立抢</a></li>
                    </ul>
                </div>
            </div>
            <div class="right">
                <a href="#" class="item login">登陆</a>
                <a href="#" class="item">注册</a>
                <i class="divider"></i>
                <a href="#" class="item">我的订单</a>
                <i class="divider"></i>
                <a href="#" class="item">严选会员</a>
                <i class="divider"></i>
                <a href="#" class="item">企业采购</a>
                <i class="divider"></i>
                <a href="#" class="item service">客户服务</a>
                <i class="divider"></i>
                <a href="#" class="item download-app">下载APP</a>
            </div>
        </div>
    </div>
    <!-- 功能导航 -->
    <div class="func-nav">
        <div class="row">
            <h1 class="logo cmp"><a href="#">网易严选</a></h1>
            
            <div class="search">
                <input type="text">
                <span class="placeholder">男士羽绒服牛仔裤冬靴一套仅739元</span>
                <i class="button cmp"></i>
            </div>

            <a href="#" class="buy-car">
                <i class="car cmp"></i>
                <i class="count cmp">8</i>
            </a>
            
            <ui class="tab-nav">
                <li class="item active"><a href="#">首页</a></li>
                <li class="item"><a href="#">居家</a></li>
                <li class="item"><a href="#">餐厨</a></li>
                <li class="item"><a href="#">配件</a></li>
                <li class="item"><a href="#">服装</a></li>
                <li class="item"><a href="#">电器</a></li>
                <li class="item"><a href="#">洗护</a></li>
                <li class="item"><a href="#">杂货</a></li>
                <li class="item"><a href="#">饮食</a></li>
                <li class="item"><a href="#">婴童</a></li>
                <li class="item"><a href="#">志趣</a></li>
                <li class="o"></li>
                <li class="item"><a href="#">为你严选</a></li>
                <li class="item"><a href="#">甄选家</a></li>
            </ui>
        </div>
    </div>
</div>

<!-- 网站主要内容 -->
<div id="main">
    <!-- 轮播图 -->
    <div class="slider">
        <ul class="image-list">
            <li><a href="#"><img src="images/slider_01.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/slider_02.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/slider_03.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/slider_04.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/slider_05.jpg" alt=""></a></li>
        </ul>
        <button class="pre arrow-btn"></button>
        <button class="next arrow-btn"></button>
        <ul class="page-list">
            <li class="active"><button></button></li>
            <li><button></button></li>
            <li><button></button></li>
            <li><button></button></li>
            <li><button></button></li>
        </ul>
    </div>

    <!-- 品牌制造商 -->
    <div class="brand row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title"><a href="">品牌制造商</a></h2>
                <span class="subtitle">工厂直达消费者，剔除品牌溢价</span>
            </div>
            <div class="right">
                <a href="#" class="more">更多制造商 &gt;</a>
            </div>
        </div>
        <div class="content clear-fix">
            <a href="#" class="item large img-scale">
                <h3 class="name">Adidas制造商</h3>
                <p class="price">35元起</p>
                <img src="images/brand_01.jpg" alt="">
            </a>
            <a href="#" class="item large img-scale">
                <h3 class="name">UGG制造商</h3>
                <p class="price">129元起</p>
                <img src="images/brand_02.jpg" alt="">
            </a>
            <a href="#" class="item small img-scale">
                <h3 class="name">新秀丽制造商</h3>
                <p class="price">49元起</p>
                <img src="images/brand_03.jpg" alt="">
            </a>
            <a href="#" class="item small last img-scale">
                <h3 class="name">MUJI制造商</h3>
                <p class="price">35元起</p>
                <img src="images/brand_04.jpg" alt="">
            </a>
        </div>
    </div>

    <!-- 新品首发 -->
    <div class="new-products row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title"><a href="#">新品首发</a></h2>
                <span class="subtitle">周一周四上新，为你寻觅世间好物</span>
            </div>
            <div class="right">
                <a href="#" class="more">更多新品 &gt;</a>
            </div>
        </div>
        <div class="content clear-fix">
            <div class="product">
                <a href="#" class="image">
                    <img src="images/new-products_01.png" alt="24寸 纯PC“铝框”（非全铝）拉杆箱">
                    <span class="tag">2色可选</span>
                    <img src="images/new-products_01_02.jpg" class="cover" alt="">
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr special">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                        <a href="#" class="brand-name">新秀丽制造商</a>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/new-products_02.png" alt="网易智造减压按摩腰靠">
                    <img src="images/new-products_02_02.jpg" class="cover" alt="">
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr">加价购</span>
                    </p>
                    <h3 class="name">
                        <a href="#">网易智造减压按摩腰靠</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                        <a href="#" class="brand-name">新秀丽制造商</a>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/new-products_03.png" alt="">
                    <span class="tag">日本制造</span>
                    <img src="images/new-products_03_02.jpg" class="cover" alt="">
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr special">APP特惠</span>
                    </p>
                    <h3 class="name">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                        <!-- <a href="#" class="brand-name">新秀丽制造商</a> -->
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/new-products_04.png" alt="">
                    <span class="tag">6色可选</span>
                    <img src="images/new-products_04_02.jpg" class="cover" alt="">
                </a>
                <div class="info">
                    <p class="attrs">
                        <!-- <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr special">APP特惠</span> -->
                    </p>
                    <h3 class="name">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                        <!-- <a href="#" class="brand-name">新秀丽制造商</a> -->
                    </p>
                </div>
            </div>
            <button class="arrow-btn pre"></button>
            <button class="arrow-btn next"></button>
        </div>
    </div>

    <!-- 人气推荐 -->
    <div class="popular">
        <div class="row">
            <div class="header clear-fix">
                <div class="left">
                    <h2 class="title"><a href="#">人气推荐</a></h2>
                    <div class="rank">
                        <a href="#" class="active">编辑推荐</a>
                        <a href="#">热销总榜</a>
                    </div>
                </div>
                <div class="right">
                    <a href="#" class="more">更多推荐 &gt;</a>
                </div>
            </div>
            <div class="content clear-fix">
                <div class="product large">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_01.png" alt="男式咖啡碳+5℃升级保暖内衣">
                        <span class="tag">2色可选</span>
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">男式咖啡碳+5℃升级保暖内衣</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥169</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_02.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_03.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_04.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_05.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image img-scale">
                        <img src="images/popular_06.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
                <div class="product">
                    <a href="#" class="image">
                        <img src="images/popular_07.png" alt="升级款柔软保暖羽绒被">
                    </a>
                    <div class="info">
                        <p class="attrs">
                            <span class="attr hot">爆品</span>
                            <span class="attr">限时购</span>
                            <span class="attr">加价购</span>
                        </p>
                        <h3 class="name one-line">
                            <a href="#">升级款柔软保暖羽绒被</a>
                        </h3>
                        <p class="price">
                            <span class="price-value">￥524.3</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 限时购 -->
    <div class="limit row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title"><a href="#">限时购</a></h2>
            </div>
            <div class="right">
                <a href="#" class="more">更多抢购 &gt;</a>
            </div>
        </div>
        <div class="content clear-fix">
            <a class="time" href="#">
                <p class="title">14点到场</p>
                <span class="divider"></span>
                <p class="subtitle">距离结束还剩</p>
                <p class="time-detail">
                    <span class="detail hour">02</span>
                    <span class="colon">:</span>
                    <span class="detail mintue">34</span>
                    <span class="colon">:</span>
                    <span class="detail second">18</span>
                </p>
                <span class="view-all">查看全部 &gt;</span>
            </a>
            <div class="item">
                <span class="progress-bar">
                    <span class="value" style="width: 30%;"></span>
                </span>
            </div>
            <div class="item">
                <span class="progress-bar">
                    <span class="value" style="width: 70%;"></span>
                </span>
            </div>
            <div class="item">
                <span class="progress-bar">
                    <span class="value" style="width: 50%;"></span>
                </span>
            </div>
            <div class="item">
                <span class="progress-bar">
                    <span class="value" style="width: 90%;"></span>
                </span>
            </div>
        </div>
    </div>
    
    <!-- 福利社... -->

    <!-- 居家 -->
    <div class="topic row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title">
                    <a href="#">居家</a>
                </h2>
            </div>
            <div class="right">
                <a href="#" class="more">查看更多 &gt;</a>
                <ul class="category-list">
                    <li><a href="#">功能厨具</a></li>
                    <li><a href="#">水果酒局</a></li>
                    <li><a href="#">锅具</a></li>
                    <li><a href="#">餐具</a></li>
                    <li><a href="#">收纳</a></li>
                    <li><a href="#">布艺软装</a></li>
                    <li><a href="#">宠物</a></li>
                </ul>
            </div>
        </div>

        <a href="#" class="banner">
            <img src="images/topic-jujia.jpg" alt="">
        </a>

        <div class="content clear-fix">
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-jujia_01.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-jujia_02.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-jujia_03.jpg" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-jujia_04.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price hot">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 餐厨 -->
    <div class="topic row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title">
                    <a href="#">餐厨</a>
                </h2>
            </div>
            <div class="right">
                <a href="#" class="more">查看更多 &gt;</a>
                <ul class="category-list">
                    <li><a href="#">功能厨具</a></li>
                    <li><a href="#">水果酒局</a></li>
                    <li><a href="#">锅具</a></li>
                    <li><a href="#">餐具</a></li>
                    <li><a href="#">收纳</a></li>
                    <li><a href="#">布艺软装</a></li>
                    <li><a href="#">宠物</a></li>
                </ul>
            </div>
        </div>

        <a href="#" class="banner">
            <img src="images/topic-canchu.jpg" alt="">
        </a>

        <div class="content clear-fix">
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-canchu_01.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-canchu_02.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-canchu_03.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-canchu_04.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price hot">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 配件 -->
    <div class="topic row">
        <div class="header clear-fix">
            <div class="left">
                <h2 class="title">
                    <a href="#">配件</a>
                </h2>
            </div>
            <div class="right">
                <a href="#" class="more">查看更多 &gt;</a>
                <ul class="category-list">
                    <li><a href="#">功能厨具</a></li>
                    <li><a href="#">水果酒局</a></li>
                    <li><a href="#">锅具</a></li>
                    <li><a href="#">餐具</a></li>
                    <li><a href="#">收纳</a></li>
                    <li><a href="#">布艺软装</a></li>
                    <li><a href="#">宠物</a></li>
                </ul>
            </div>
        </div>

        <a href="#" class="banner">
            <img src="images/topic-peijian.jpg" alt="">
        </a>

        <div class="content clear-fix">
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-peijian_01.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-peijian_02.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-peijian_03.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
            <div class="product">
                <a href="#" class="image">
                    <img src="images/topic-peijian_04.png" alt="">
                    <span class="tag">2色可选</span>
                </a>
                <div class="info">
                    <p class="attrs">
                        <span class="attr hot">爆品</span>
                        <span class="attr">加价购</span>
                        <span class="attr hot">APP特惠</span>
                    </p>
                    <h3 class="name one-line">
                        <a href="#">24寸 纯PC“铝框”（非全铝）拉杆箱</a>
                    </h3>
                    <p class="price hot">
                        <span class="price-value">￥389</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 大家都在说 -->
    <div class="comments">
        <div class="row">
            <div class="header clear-fix">
                <div class="left">
                    <h2 class="title">
                        <h2 class="title" href="#">大家都在说</h2>
                        <span class="subtitle">生活，没有统一标准</span>
                    </h2>
                </div>
            </div>
            <div class="content clear-fix">
                <div class="item">
                    <a href="#" class="image img-scale"><img src="images/comments_01.jpg" alt=""></a>
                    <div class="info">something...</div>
                </div>
                <div class="item">
                    <a href="#" class="image img-scale"><img src="images/comments_02.jpg" alt=""></a>
                    <div class="info">something...</div>
                </div>
                <div class="item">
                    <a href="#" class="image img-scale"><img src="images/comments_03.jpg" alt=""></a>
                    <div class="info">something...</div>
                </div>
            </div>
            <button class="arrow-btn pre"></button>
            <button class="arrow-btn next"></button>
        </div>
    </div>

</div>

<!-- 网站尾部内容 -->
<div id="footer">
    <div class="footer1">
        <div class="row">
            <div class="col service">
                <a href="#">在线客服</a>
            </div>
            <div class="col what"></div>
            <div class="col code"></div>
        </div>
    </div>
    <div class="footer2">
        <div class="col">
            <span>30天无忧退货</span>
        </div>
        <div class="col">
            <span>满88元免邮费</span>
        </div>
        <div class="col">
            <span>网易品质保证</span>
        </div>
    </div>
</div>

</body>

<script src="js/jquery-3.2.1.min.js"></script>
<script>
    // 去除空格的js函数, 传入选择器作为参数即可
    function removeSpace() {
        for (var i in arguments) {
            $(arguments[i]).contents().filter(function() {
                return this.nodeType === 3;
            }).remove();
        }
    }

    $(function() {
        removeSpace('.slider .page-list',
                    '.product .attrs', 
                    '.product .price',
                    '.limit .time .time-detail')
    });
</script>

</html>